<ion-view title="装车详情">
    <ion-nav-buttons side="left">
        <button class="button back-button buttons icon ion-ios-arrow-left button-clear header-item" nav-direction="back" ng-click="myGoBack()">返回</button>
    </ion-nav-buttons>
    <ion-nav-buttons side="right">
        <button class="button button-icon icon ion-ios-search" ng-click="dzdetailSearch()"></button>
    </ion-nav-buttons>
    <ion-content >

        <ion-refresher
                pulling-text="下拉刷新..."
                on-refresh="doRefresh()">
        </ion-refresher>

        <div ng-if="loading" style="margin-top:60px; text-align: center">
            <ion-spinner icon="ios" style="height: 60px; width: 60px;"></ion-spinner>
        </div>
        <ion-list ng-if="loading == false">
            <h5 ng-if="ZdDetailData==''" style="color: #69717d;text-align: center;margin-top: 50px;">未找到数据</h5>
            <ion-item collection-repeat="data in ZdDetailData" class="cydListItem show" style="padding-top: 5px; padding-bottom: 5px;border-top-style: none;border-bottom-style: none;">
                <div class="ydList card list-inset" style="margin-bottom: 5px;">
                    <div class="xuhao">
                        <div class="qs-list-operation">
                            <i style="color: #fff;">{{$index+1}}</i>
                            <div class="light button-border" ng-click="hsdjdetail(data.cyd_id)" style="width: 78px;">
                                <i ng-if="data.hs_id==''" class="light">货损登记</i>
                                <i ng-if="data.hs_id!=''" class="light">查看货损</i>
                            </div>
                            <i class="light" ng-if="data.hwzt==20" id="sx{{data.cyd_id}}" style="float: right;">丨</i>
                            <div class="light button-border" ng-if="data.hwzt==20" id="qs{{data.cyd_id}}" ng-click="doSingleReceipt(data)">
                                <i class="light">签收</i>
                            </div>
                        </div>
                    </div>
                    <label class="item item-input">
                        <i class="input-label">承运单号：</i>
                        <p>{{data.cydh}}</p>
                        <p style="margin-left: auto;margin-right: 8px;" id="zt{{data.cyd_id}}" ng-bind="getZt(data.hwzt)"></p>
                    </label>
                    <label class="item item-input">
                        <i class="input-label">货名：</i>
                        <p>{{data.hwmc}}</p>
                    </label>
                    <label class="item item-input">
                      <i class="input-label">到站：</i>
                      <p>{{data.shbmmc}}</p>
                    </label>
                    <label class="item item-input">
                      <i class="input-label">收货人：</i>
                      <p>{{data.shrmc}}</p>
                    </label>
                    <label class="item item-input">
                      <i class="input-label">收货电话：</i>
                      <p>{{data.shrdh}}</p>
                    </label>
                    <label class="item item-input">
                      <i class="input-label">提付：</i>
                      <p>{{data.yf_tf}}</p>
                    </label>
                    <label class="item item-input">
                      <i class="input-label">代收款：</i>
                      <p>{{data.hdfk}}</p>
                    </label>
                    <label class="item item-input">
                      <i class="input-label">送货方式：</i>
                      <p ng-if="data.shfs==1">自提</p>
                      <p ng-if="data.shfs==2">送货</p>
                      <p ng-if="data.shfs==3">上楼</p>
                    </label>
                    <label class="item item-input">
                        <p style="width: 32%" ng-if="data.zl!=''&&data.zl!=undefined">重量：{{data.zl}}t</p>
                        <p style="width: 32%" ng-if="data.zl==''||data.zl==undefined">重量：0t</p>
                        <p style="width: 32%" ng-if="data.tj!=''&&data.tj!=undefined">体积：{{data.tj}}㎥</p>
                        <p style="width: 32%" ng-if="data.tj==''||data.tj==undefined">体积：0㎥</p>
                        <p style="margin-left: auto;margin-right: 8px;" ng-if="data.hwsl!=''&&data.hwsl!=undefined">件数：{{data.hwsl}}件</p>
                        <p style="margin-left: auto;margin-right: 8px;" ng-if="data.hwsl==''||data.hwsl==undefined">件数：0件</p>
                    </label>
                </div>
            </ion-item>
        </ion-list>

        <ion-infinite-scroll   on-infinite="loadMore()"  distance="1%" ng-if="hasNextPage()"></ion-infinite-scroll>

    </ion-content>
</ion-view>
